<div id="Atslideshow0" class="owl-carousel" style="opacity: 1;">
    @foreach($swiper as $v)
    <div class="item">
      <a href="#"><img src="{{ Storage::url($v->picture) }}" alt="" class="img-responsive" /></a>
    </div>
    @endforeach
   <!-- <div class="item">
      <a href="index.php-route=product-product&path=57&product_id=49.htm"><img src="banner-3-1600x514.jpg" alt="客廳 1" class="img-responsive" /></a>
   </div>
   <div class="item">
      <a href="index.php-route=product-product&path=34_43&product_id=34.htm"><img src="banner-2-1600x514.jpg" alt="客廳 2" class="img-responsive" /></a>
   </div> -->
</div>
<script type="module">
   $('#Atslideshow0').owlCarousel({
   
       items: 6,
   
       autoPlay: 3000,
   
       singleItem: true,
   
       navigation: true,
   
       navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
   
       pagination: false,
       transitionStyle: "fade"
   
   });
</script>